.HomeEntry{
    width          : 100%;
    height         : 600px;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    div{
        box-sizing     : border-box;
        justify-content: flex-end;
        align-content  : center;
    }
    .HomeNavegate{
        width          : 1200px;
        display        : flex;
        justify-content: space-between;
        margin         : 0 auto;
        box-shadow     : 0 2px 8px #f0f1f2;
        // background-color: #f8f9ff;
        // border-bottom   : 1px solid #ECF2FF;
        div:nth-child(2)
        {
            display: flex;
            .ant-menu-horizontal > .ant-menu-item a{
                font-size  : 18px;
                font-weight: bold;
            }
            .ant-menu-item-icon{
                font-size: 18px;
            }
        }
        .AppIconTitle
        {
            width          : 130px;
            justify-content: space-between;
            >span
            {
                font-size: 20px;
            }
        }
    }
    .HomeSearch{
        width          : 1200px;
        display        : flex;
        justify-content: space-between;
        margin         : 0 auto;
        .SearchBar{
            display        : flex;
            flex-direction : column;
            justify-content: space-around;
            padding-left   : 40px;
            .SearchTxt{
                width: 600px;
                >span{
                    display    : inline;
                    font-size  : 30px;
                    color      : #407BFF;
                    font-weight: bold;
                }
            }
            .SearchImg{
                display        : flex;
                overflow       : hidden;
                justify-content: space-between;
                >div
                {
                    padding-top: 50px;
                    span:nth-child(1)
                    {
                        display      : block;
                        font-size    : 40px;
                        font-weight  : bold;
                        margin-bottom: 20px;
                    }
                    span:nth-child(2)
                    {
                        display    : block;
                        color      : #545968;
                        line-height: 2rem;
                        font-size  : 17px
                    }
                }

                >img{
                    margin-left: -20px;
                    height     : 300px;
                    width      : 300px;
                }
            }
            .SearchInput
            {
                position: relative;
                .MapIcon{
                    position   : absolute;
                    top        : 50%;
                    margin-top : -15px;
                    height     : 30px;
                    right      : 60px;
                    z-index    : 3;
                    cursor     : pointer;
                    display    : flex;
                    align-items: center;
                    >img
                    {
                        width : 30px;
                        height: 100%;
                    }
                    >p
                    {
                        display    : inline;
                        font-weight: bold;
                        font-size  : 14px;
                        user-select: none;
                        color      : #407BFF;
                        margin     : 0;
                    }
                }
            }
        }
        >img{
            width: 500px;
        }
    }
}

.HomeRecommend{
    width          : 100%;
    padding        : 80px 0;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    div{
        box-sizing: border-box;
    }
    .RecommendTitle{
        width : 1200px;
        margin: 0 auto;
        >p{
            font-size    : 30px;
            font-weight  : bold;
            color        : #407BFF;
            margin-bottom: 0;
        }
        >span{
            color    : #9399A5;
            font-size: 20px;
        }
    }
    .RecommendContent{
        width         : 1200px;
        margin        : 0 auto;
        display       : flex;
        flex-direction: column;
        .Content_Img{
            width           : 100%;
            background-color: #F4F8FF;
            >img{
                width : 330px;
                height: 150px;
            }
        }
        .Content_Items{
            width          : 100%;
            display        : flex;
            box-sizing     : border-box;
            padding-top    : 10px;
            justify-content: space-between;
            .HouseItem_Wrapper
            {
                max-width     : 270px;
                flex-direction: column;
                .ant-card-body
                {
                    padding: 0;
                }
                .ant-card-meta-title
                {
                    margin-top: 10px;
                    >span{
                        display:none;
                    }
                }
                .VRAnimation
                {
                    top:140px;
                }
                .HosueItem_Detail
                {
                    flex-direction: column;
                    .HRent
                    {
                        align-self: flex-start;
                        font-size : 20px;
                    }
                }
            }
        }
    }
}
